<template>
  <footer>
      <div class="container">
          <div class="wrap-logo">
              <h3>{{bottomData.companyName}}</h3>
          </div>
          <div class="wrap-social">
             <p style="color: #fff;"><i class="fas fa-map-marker-alt"></i>{{bottomData.address}}</p>
			 <p style="color: #fff;"><i class="fas fa-phone"></i>{{bottomData.companyEmail}}</p>
			 <p style="color: #fff;"><i class="fas fa-envelope"></i>{{bottomData.tel}}</p>
			 <p>
				 <img :src="bottomData.publicCodeUrl" style="width: 100px;height: 100px;margin: auto;"/>
				
			 </p>
          </div>
          <div class="footer-text">
			
			  <p>
			  			<a href="https://beian.miit.gov.cn/" style="margin-right: 10px;" target="_blank">备案号 :{{bottomData.recordNumber}}</a>
			  				<a href="https://www.12377.cn/" target="_blank">违法和不良信息举报中心</a>
			  </p>
          </div>
      </div>
  </footer>
  
</template>
<script setup>
	import api from "@/api/index"
	let bottomData=ref({})
	onBeforeMount(()=>{
		//公司信息
		api.getCompanydetail().then(res => {
			bottomData.value=res.data.data
			//console.log(bottomData.value)
			//数据持久化
			//localStorage.setItem('menuStorage',JSON.stringify(res.data.data))
		})
		
	});

	
</script>
<style scoped>

</style>
